#slides{position:relative;height:501px;padding-top:48px;margin-top:5px;float:left;background:#FFF}#slides .slide{margin-left:862px}#slides .slide img{position:absolute;top:0;left:0;z-index:10}#slides .slide div{position:relative;margin:15px;font-size:18px;font-family:oranda, georgia, serif;font-weight:normal}#slides .slide h1{font-size:30px;cursor:pointer;line-height:1.2}#slides .slide div .type,#slides .slide div p,#slides .slide div footer{display:none}#slides .slide footer{text-align:right}#slides .active{padding:15px 0;background:#F8F7F6}#slides .active footer:after,#slides .active div:after{content:'';height:1px;display:inline-block;position:absolute;left:0;background:#271e1e}#slides .active footer:after{bottom:-10px;width:70px}#slides .active div:after{top:-10px;width:30px}#slides .active div:before{content:" ";display:block;position:absolute;top:50%;left:-32px;z-index:20;width:0;border-left:0;border-right:17px solid #F8F7F6;border-top:17px solid transparent;border-bottom:17px solid transparent;height:0;margin-top:-17px}#slides .slide.active h1{color:#6c0043;cursor:text}#slides .slide.active img{z-index:15}#slides .slide.active div .type,#slides .slide.active div p,#slides .slide.active div footer{display:block}#slides .slide.active div .type{font-size:14px;font-family:scala_cn, arial, sans-serif}#feedback{display:none}@media (min-width: 1024px) and (max-width:1157px){#slides .slide{margin-left:740px}#slides .slide img{left:-122px}}@media (max-width:1023px){#slides{height:441px;width:768px}#slides .slide{position:absolute;top:0;left:0;right:0;bottom:0;margin:0;padding:0;z-index:10}#slides .slide.active{z-index:15}#slides .slide div{position:absolute;bottom:5%;right:5%;min-width:150px;max-width:250px;background:#F8F7F6;padding:15px}#slides .active div:after,#slides .active footer:after #slides .active div:before{display:none}#slides .active div:before{left:-17px}#slides .slide img{position:static;width:100%;height:auto}}